<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">

    <!-- <link rel="stylesheet" href="../css/public.css"> -->
    <link rel="stylesheet" href="../css/mobileSelect.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/details.css">
    <!-- <script src="../js/libs/require.js" data-main='../js/mainD.js'></script> -->

<body>
    <!-- 页头 -->
    <div id="header">
        <div class="headIn  clearfix">
            <ul class="headerLeft clearfix">
                <li><a href="../index.html">联想首页</a></li>
                <li><a href="">商城</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">政教大企业</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">品牌</a></li>
                <li><a href="">下载APP</a></li>
            </ul>
            <div class="headRight">
                <ul class="ul_phone">
                    <li class="phone"><img
                            src="https://p1.lefile.cn/product/adminweb/2019/01/18/c8f87ce8-1e14-4bb3-854e-f86af0f07072.png"
                            alt=""></li>
                    <li class="login"><a href="login.html">登录</a></li>
                    <i></i>
                    <li><a href="register.html">注册</a></li>
                </ul>
                <ul class="ul_nav">
                    <li><a href="./shop.html">购买 <img
                                src='https://p4.lefile.cn/fes/cms/2021/09/16/yg30afr1f8iqyhhyx06r6dj9mqq6jn413059.png'
                                alt=""></a> </li>
                    <li><a href="">社区</a></li>
                    <li><a href="">会员</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav" class=" clearfix">
        <div class="nav_left">
            <a href="">
                <img src="https://p4.lefile.cn/fes/cms/2021/09/24/skz7mq0zavm0hd8xfaq0nrofxcwje3959207.png" alt="">
            </a>
        </div>
        <ul class="ulLeft clearfix">
            <li><a href="./news.html">新品</a></li>
            <li><a href="./custom.html">定制</a></li>
            <li><a href="">北京消费卷</a></li>
            <li><a href="">学生</a></li>
            <li><a href="">游戏</a></li>
            <li><a href="">直播</a></li>
            <li><a href="">试用</a></li>
            <li><a href="">乐豆购</a></li>
            <li><a href="">0元购</a></li>
        </ul>
        <div class="right">
            <a href="">
                <span></span>
            </a>
            <input type="text" latag="latag_pc_search_keyword" placeholder="北京绿色消费券" placeholder-key="北京绿色消费券"
                placeholder-url="https://activity.lenovo.com.cn/tsyx/xfq.html">
            <!-- </div> -->
        </div>
    </div>
    <!-- 详情 -->
    <div id="topNav">
        <div class="middle container"></div>
    </div>
    <div class="hole container" id="hole">
        <!-- <div class="leftBox"></div>
        <div class="rightBox">
            <div class="name">
               
            </div>
        </div> -->
        <div class="magnifier" id="magnifier1">
            <div class="magnifier-container">
                <div class="images-cover"></div>
                <!--当前图片显示容器-->
                <div class="move-view"></div>
                <!--跟随鼠标移动的盒子-->
            </div>
            <div class="magnifier-assembly">
                <div class="magnifier-btn">
                    <span class="magnifier-btn-left">&lt;</span>
                    <span class="magnifier-btn-right">&gt;</span>
                </div>
                <!--按钮组-->
                <div class="magnifier-line">
                    <ul class="clearfix animation03">
                        <li>
                            <div class="small-img" id="firstImg">
                                <img src="../imgaes/index/3080主机.jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="../imgaes/index/neo14.jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="../imgaes/index/p780.jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="../imgaes/index/y9000k3070ti.jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="../imgaes/index/y9000p冰魄白.jpg" />
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- <div class="rightBox"></div> -->
                <!--缩略图-->
            </div>
            <div class="magnifier-view"></div>
            <!--经过放大的图片显示容器-->
        </div>
        <div class="rightBox">
            <div class="name"></div>
            <p class="construction">经典舒适 时尚纤薄 光学引擎 坚固线缆</p>
            <div class="miaosha">
                <div class="top">
                    <span class="time">秒杀</span>
                    <div class="right">
                        <span id="'word">距离结束还剩:</span>
                    </div>
                </div>
                <div class="bottom">
                    <div class="price">秒杀价 <span class="nowPrice">￥29.9</span><span class="pastPrice">
                            ￥49.9
                        </span>

                    </div>
                    <div class="activity">活动 <span class="nowDay">今日秒杀</span><span>周边秒杀</span><span>游戏秒杀</span></div>
                    <div class="everyAc"><span class="nowDays">今日秒杀</span><span>家用投影新品首发 支持8K解码
                            丹麦Vifa声学 <a>王一博同款</a>速抢>>></span></div>
                </div>
                <div class="business clearfix">
                    <div class="left">增值业务</div>
                    <div class="right">支持<a><img
                                src="https://p3.lefile.cn/product/adminweb/2019/07/04/a66983ae-df77-4380-8d3c-6ff2d467465b.png"
                                alt=""> 以旧换新</a>高价回收，领100元礼包优惠卷</div>
                </div>
                <div class="send clearfix">
                    <div class="left">配送至</div>
                    <div class="contain">
                        <div class="fixWidth">
                            <div class="demo">
                                <div id="trigger4">地区选择-级联</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="buy clearfix">
                    <div class="left">购买数量</div>
                    <div class="right">
                        <span class="sub">-</span>
                        <input type="text" class="txt">
                        <span class="add">+</span>
                    </div>

                </div>
                <div class="buyNow">
                    立即购买
                </div>
                <div class="app">
                    <p>使用<a href="">联想智选APP</a>下单，享更多优惠</p>
                </div>
                <div class="server">
                    <span>服务说明 <img src="../imgaes/shop/问号.png" alt=""></span>
                    <span><img src="../imgaes/shop/勾.png" alt=""> 联想自营</span>
                    <span class="after"><img src="../imgaes/shop/勾.png" alt=""> 联想发货&售后</span>
                    <span class="seven"><img src="..//imgaes/shop/勾.png" alt=""> 七天无忧退换</span>
                </div>
            </div>
        </div>
    </div>
    <div class="other">
        <div class="otherTittle container">看了又看</div>
        <div class="others">
            <div class="middle container">
                <div>
                    <a href="">
                        <img src="//p1.lefile.cn/product/adminweb/2022/05/30/FDBKYgZIGByc3Bdr9qYUj2j78-1978.jpg" alt="">
                        <p class="name">联想无线静音鼠标N911 Pro 黑色（送电脑远程调修服务</p>
                        <p class="produce">静音按键，经久耐用，超300万次点击，免开关，自动省电休眠，侧裙/底部防滑设计，人体工学，饱满曲线，舒适质感，一键触发人工服务。</p>
                        <p class="price">￥39</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="//p1.lefile.cn/product/adminweb/2022/05/30/9g2zDToM6pVG9PKPbwwaQACUq-5527.jpg" alt="">
                        <p class="name">联想一键服务鼠标M25 白色 无线版</p>
                        <p class="produce">无线连接，安静按键，长久续航，简约便携，舒适握感，一键呼叫工程师</p>
                        <p class="price">￥39</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="//p1.lefile.cn/product/adminweb/2022/05/30/D0Wlw7EHZXyWI2H8Bci6bSvyJ-5980.jpg" alt="">
                        <p class="name">联想无线光学鼠标 M21</p>
                        <p class="produce">联想原厂无线鼠标，人体工学，舒适手感，1000DPI光学引擎，一键呼叫工程师服务。</p>
                        <p class="price">￥79</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="//p1.lefile.cn/product/adminweb/2022/05/10/GLJZB84x4huH8U1zOpRbZRWj4-9747.jpg" alt="">
                        <p class="name">小新蓝牙无线鼠标Plus 暮霭深灰</p>
                        <p class="produce">轻音按键、内置锂电USB-C接口充电、4挡可调DPI，侧裙/底部防滑设计，人体工学，饱满曲线，舒适质感，一键触发人工服务。</p>
                        <p class="price">￥59</p>
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="//p4.lefile.cn/product/adminweb/2022/04/02/zP9sdv8OkdCZStViEDCAJQclD-6722.jpg" alt="">
                        <p class="name">联想大红点M120 Pro有线鼠标</p>
                        <p class="produce">时尚纤薄 手感舒适 防滑耐磨 全新喷漆技术</p>
                        <p class="price">￥19.9</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="service">
        <div class="middle container"><img src="../imgaes/shop/质保.png"></div>
    </div>
    <footer></footer>

    <script src="../js/script/chosen.js"></script>
    <script src="../js/libs/require.js" data-main='../js/mainD.js'></script>
</body>

</html>